<html>
    <head>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
         <meta name="layout" content="main" />
         <title>User Login</title>
    </head>
<body>
        <div class="body">
          <h1>Login</h1> 
          <g:if test="${flash.message}">
                        <div class="message">${flash.message}</div>
                      </g:if> 
          
        <g:form action="doLogin" method="post">
        <div class="dialog">
        
                <table>
                  <tbody>
                    
                  <tr class="prop">
                      <td valign='top' style='text-align:left;' width='20%'>
                          <label for="email">Email:</label>
                      </td>
                      <td valign='top' style='text-align:left;' width='80%'>
                          <g:textField name="email" />                    
                      </td>
                  </tr>
                  
                  <tr class="prop">
                      <td valign='top' style='text-align:left;' width='20%'>
                          <label for="password">Password:</label>
                      </td>
                      <td valign='top' style='text-align:left;' width='80%'>
                          <g:passwordField name="password" />
                      </td>
                  </tr>
                  
                  </tbody>     
              </table> 

          
        </div>
          
        <div class="buttons">
                     <span class="button">
                        <input type="submit" value="Login"></input>
                     </span>
               </div>
            </g:form>
          
          
        </div>
  
  
    </body>
</html>